
  <!DOCTYPE HTML>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  
    <title>Archives | Here. There.</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, minimum-scale=1">
    
    <meta name="author" content="被删">
    
    <meta name="description" content="html5, js, angularjs, jQuery, 前端">
    
    
    
    
    <link rel="alternate" href="/atom.xml" title="Here. There." type="application/atom+xml">
    
    
    <link rel="icon" href="/img/favicon.ico">
    
    
    <link rel="apple-touch-icon" href="/img/pacman.jpg">
    <link rel="apple-touch-icon-precomposed" href="/img/pacman.jpg">
    
    <link rel="stylesheet" href="/css/style.css">
    
<script type="text/javascript">
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?3d902de4a19cf2bf179534ffd2dd7b7f";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</head>

    <body>
      <header>
        <div>
		
			<div id="imglogo">
				<a href="/"><img src="/img/sun.png" alt="Here. There." title="Here. There."/></a>
			</div>
			
			<div id="textlogo">
				<h1 class="site-name"><a href="/" title="Here. There.">Here. There.</a></h1>
				<h2 class="blog-motto">Love ice cream. Love sunshine. Love life. Love the world. Love myself. Love you.</h2>
			</div>
			<div class="navbar"><a class="navbutton navmobile" href="#" title="菜单">
			</a></div>
			<nav class="animated">
				<ul>
					
						<li><a href="/">首页</a></li>
					
						<li><a href="https://github.com/godbasin/godbasin.github.io">所有文章</a></li>
					
						<li><a href="/archives">归档</a></li>
					
						<li><a href="/categories">分类</a></li>
					
						<li><a href="/about">关于我</a></li>
					
				</ul>
			</nav>			
</div>

      </header>
      <div id="container">
        

<div class="archive-title" >
  <h2 class="archive-icon">归档</h2>
  
  <div class="archiveslist archive-float clearfix">
   <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/07/">七月 2019</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/06/">六月 2019</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/05/">五月 2019</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/04/">四月 2019</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/03/">三月 2019</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/02/">二月 2019</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/01/">一月 2019</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/12/">十二月 2018</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">十一月 2018</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/10/">十月 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/09/">九月 2018</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/08/">八月 2018</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/07/">七月 2018</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/06/">六月 2018</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">五月 2018</a><span class="archive-list-count">5</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">四月 2018</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/03/">三月 2018</a><span class="archive-list-count">7</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/02/">二月 2018</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/01/">一月 2018</a><span class="archive-list-count">9</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/12/">十二月 2017</a><span class="archive-list-count">5</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/11/">十一月 2017</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/10/">十月 2017</a><span class="archive-list-count">5</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/09/">九月 2017</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/08/">八月 2017</a><span class="archive-list-count">11</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/07/">七月 2017</a><span class="archive-list-count">9</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/06/">六月 2017</a><span class="archive-list-count">10</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/05/">五月 2017</a><span class="archive-list-count">15</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/04/">四月 2017</a><span class="archive-list-count">7</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/03/">三月 2017</a><span class="archive-list-count">10</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/02/">二月 2017</a><span class="archive-list-count">41</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/01/">一月 2017</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/12/">十二月 2016</a><span class="archive-list-count">7</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/11/">十一月 2016</a><span class="archive-list-count">9</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/10/">十月 2016</a><span class="archive-list-count">5</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/09/">九月 2016</a><span class="archive-list-count">7</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/08/">八月 2016</a><span class="archive-list-count">9</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/07/">七月 2016</a><span class="archive-list-count">14</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/06/">六月 2016</a><span class="archive-list-count">9</span></li></ul>
 </div>
  
</div>
<div id="main" class="all-list-box clearfix"><!--class: archive-part-->
  <div id="archive-page" class=""><!--class: all-list-box-->

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/03/31/angular-free-17-auto-generate-and-inject-directive/" title="玩转Angular1(17)--脚本自动更新并注册指令" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(17)--脚本自动更新并注册指令</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文介绍使用脚本自动生成指令注册的文件，该脚本参考来自组内小朋友。</p>
      
    
    <time datetime="2017-03-31T03:39:52.000Z" itemprop="datePublished">2017-03-31</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/03/25/angular-free-16-common-angular-function/" title="玩转Angular1(16)--常用的angular方法" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(16)--常用的angular方法</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文简单介绍一些常用的angular方法，包括angular.extend()、angular.merge()，等等。</p>
      
    
    <time datetime="2017-03-25T02:07:08.000Z" itemprop="datePublished">2017-03-25</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/03/24/angular-free-15-cooperation-between-directives/" title="玩转Angular1(15)--指令们的相互协作" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(15)--指令们的相互协作</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文简单介绍指令的相互协作，也即多个简单指令的配合使用来获取想要的结果。下面我们介绍的东西，大部分来自于组内的小朋友的设计。</p>
      
    
    <time datetime="2017-03-24T14:01:04.000Z" itemprop="datePublished">2017-03-24</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/03/19/angular-free-14-angular-compile-directive/" title="玩转Angular1(14)--使用$compile编译指令" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(14)--使用$compile编译指令</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文简单介绍angular的$compile服务，同时实现动态创建指令的过程。</p>
      
    
    <time datetime="2017-03-19T06:28:19.000Z" itemprop="datePublished">2017-03-19</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/03/18/angular-free-13-service-work-with-directive/" title="玩转Angular1(13)--服务与指令的配合使用" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(13)--服务与指令的配合使用</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文简单介绍通过服务来调用Directive指令的过程。</p>
      
    
    <time datetime="2017-03-17T23:33:56.000Z" itemprop="datePublished">2017-03-18</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/03/12/angular-free-12-create-date-select-directive/" title="玩转Angular1(12)--创建日期选择组件" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(12)--创建日期选择组件</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。上一节我们讲了一些组件的设计思想，这里我们就按照其中的一些思想，创建一个日期的组件。</p>
      
    
    <time datetime="2017-03-12T03:02:57.000Z" itemprop="datePublished">2017-03-12</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/03/11/angular-free-11-how-to-be-a-directive/" title="玩转Angular1(11)--组件的自我修养" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(11)--组件的自我修养</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文简单说明一下，目前来说，个人认为的较好的组件的设计思想。</p>
      
    
    <time datetime="2017-03-11T09:29:32.000Z" itemprop="datePublished">2017-03-11</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/03/10/angular-free-10-directive-to-add-event-listener/" title="玩转Angular1(10)--使用Directive指令来添加事件监听" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(10)--使用Directive指令来添加事件监听</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文简单介绍使用Directive指令来添加事件监听的过程。</p>
      
    
    <time datetime="2017-03-10T15:00:40.000Z" itemprop="datePublished">2017-03-10</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/03/05/angular-free-9-event-callback-queue/" title="玩转Angular1(9)--按键事件队列KeyUp服务" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(9)--按键事件队列KeyUp服务</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文简单介绍创建一个事件队列，来监听按键，并进行回调处理的过程。</p>
      
    
    <time datetime="2017-03-05T03:42:32.000Z" itemprop="datePublished">2017-03-05</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/03/04/angular-free-8-q-service-and-async-await/" title="玩转Angular1(8)--$q.all与async/await" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(8)--$q.all与async/await</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文简单介绍angular的$q服务，ES7的async/await的说明和使用。</p>
      
    
    <time datetime="2017-03-04T02:02:57.000Z" itemprop="datePublished">2017-03-04</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/26/angular-free-7-async-form-submit/" title="玩转Angular1(7)--异步提交表单（文件）服务" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(7)--异步提交表单（文件）服务</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文记录在angular中封装上传本地图片服务，以及异步提交表单（包括图片）服务的过程。</p>
      
    
    <time datetime="2017-02-26T01:17:13.000Z" itemprop="datePublished">2017-02-26</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/25/angular-free-6-ui-router-in-angular/" title="玩转Angular1(6)--ui-router与嵌套路由" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(6)--ui-router与嵌套路由</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文记录在angular中使用ui-router建立嵌套路由，以及路由状态相关的过程。</p>
      
    
    <time datetime="2017-02-25T03:07:08.000Z" itemprop="datePublished">2017-02-25</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/24/angular-free-5-http-error-code-handle/" title="玩转Angular1(5)--$http服务封装为异常处理服务" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(5)--$http服务封装为异常处理服务</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文记录在angular中简单介绍了Promise，以及使用$http服务进行些简单封装、进行错误码处理的过程。</p>
      
    
    <time datetime="2017-02-24T11:43:49.000Z" itemprop="datePublished">2017-02-24</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/19/angular-free-4-create-controller-with-class/" title="玩转Angular1(4)--使用class写控制器" itemprop="url">
  
    <h1 itemprop="name">玩转Angular1(4)--使用class写控制器</h1>
    
     
       <p itemprop="description" >AngularJS(v1.5.8)已经成为项目们的基本框架，《玩转Angular1》系列用于记录项目中的一些好玩或者比较特别的思路。本文记录在angular中使用class写控制器controller的过程。</p>
      
    
    <time datetime="2017-02-19T08:37:29.000Z" itemprop="datePublished">2017-02-19</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-7-3-dynamics-api/" title="Box2DJS教程7-3--dynamics-api" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程7-3--dynamics-api</h1>
    
     
       <p itemprop="description" >本节主要介绍dynamics相关api。</p>
      
    
    <time datetime="2017-02-17T13:00:34.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>


  <nav id="page-nav" class="clearfix archive-nav">
    <a class="extend prev" rel="prev" href="/archives/page/9/">&laquo; Prev</a><a class="page-number" href="/archives/">1</a><span class="space">&hellip;</span><a class="page-number" href="/archives/page/8/">8</a><a class="page-number" href="/archives/page/9/">9</a><span class="page-number current">10</span><a class="page-number" href="/archives/page/11/">11</a><a class="page-number" href="/archives/page/12/">12</a><span class="space">&hellip;</span><a class="page-number" href="/archives/page/17/">17</a><a class="extend next" rel="next" href="/archives/page/11/">Next &raquo;</a>
  </nav>

  </div>
</div>

      </div>
      <footer><div id="footer" >
	
	<section class="info">
		<p> 即使梦想再小，却很伟大 ^_^ </p>
	</section>
	 
		<p class="copyright">Powered by <a href="http://hexo.io" target="_blank" title="hexo">hexo</a> and Theme by <a href="https://github.com/A-limon/pacman" target="_blank" title="Pacman">Pacman</a> © 2019 
		
		<a href="https://godbasin.github.io" target="_blank" title="被删">被删</a>
		
		</p>
</div>
</footer>
      <script src="/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  $('.navbar').click(function(){
    $('header nav').toggleClass('shownav');
  });
  var myWidth = 0;
  function getSize(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
  };
  var m = $('#main'),
      a = $('#asidepart'),
      c = $('.closeaside'),
      o = $('.openaside');
  $(window).resize(function(){
    getSize(); 
    if (myWidth >= 1024) {
      $('header nav').removeClass('shownav');
    }else
    {
      m.removeClass('moveMain');
      a.css('display', 'block').removeClass('fadeOut');
      o.css('display', 'none');
        
    }
  });
  c.click(function(){
    a.addClass('fadeOut').css('display', 'none');
    o.css('display', 'block').addClass('fadeIn');
    m.addClass('moveMain');
  });
  o.click(function(){
    o.css('display', 'none').removeClass('beforeFadeIn');
    a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');      
    m.removeClass('moveMain');
  });
  $(window).scroll(function(){
    o.css("top",Math.max(80,260-$(this).scrollTop()));
  });
});
</script>







    </body>
   </html>
